<template>
    <!-- <my-card class="page404-card"> -->
        <div class="img-container">
            <img class="page404" src="@/assets/images/404.png" alt="">
            <h2>404错误</h2>
            <p class="desc">抱歉，您访问的页面不存在。</p>
            <el-button type="primary" @click="goBack">返回首页</el-button>
        </div>
    <!-- </my-card> -->
</template>
<script lang="ts" setup>
import { useRouter } from 'vue-router'

const router = useRouter()
const goBack = () => {
  router.push('/home')
}
</script>
<style lang="scss" scoped>
:deep(.el-card__body)  {
    padding: 0;
    height: calc(100vh - 2px);
}
.img-container {
    text-align: center;
    .desc {
        padding: 10px 0;
    }
}
.page404 {
    width: 400px;
    // height: 329px;
}
</style>
